<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>moren</title>
</head>
<body>
<a class="a" href="http://www.taobao.com">淘宝</a>
<!--另一种阻止方法-->
<a href="javascript:void(false)" >demo</a>
<!--
void(false)相当于函数里面的return false。
-->
<script>
    //阻止a链接条转
    var a = document.getElementsByClassName("a")[0];
    a.onclick = function(){
        return false;//阻止条转成功
    };

    document.oncontextmenu = function (e) {
        console.log("a");
        //第一种阻止
        // return false;
        //第二种阻止
        // e.preventDefault();
        //第三种阻止
        // e.returnValue = false;
        //封装阻止
        cancelHandler(e);
    };

    function cancelHandler(event){
        if(event.preventDefault){
            event.preventDefault();
        }else {
            event.returnValue = false;
        }
    }


</script>

</body>
</html>
